<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css表单样式</title>
    <link rel="stylesheet" href="./css-10-form.css">
</head>
<body>
    <h1>css表单样式</h1>
    <form action="">
        <!-- 专为用户输入搜索查询而设计的文本字段 -->
        
        <input type="search" name="收货人" id="">
        <!-- 创建基础的单行文本字段 -->
        <input type="text" name="" id="">
        <!-- 创建让用户便捷输入日期和时间的输入控件 -->
        <input type="datetime-local" name="" id=""> 
        <!-- 表示一个提供选项菜单的控件/下拉列表 -->
        <select name="" id="">
            <option value="">选项一</option>
            <option value="">选项二</option>
            <option value="">选项二</option>
        </select>
        <!-- 默认情况下被呈现为激活时被选中（打勾）的方框 -->
        <input type="checkbox" name="" id="agree"><label for="agree">同意</label>
        <!-- 将一个 <label> 和一个 <input> 元素匹配在一起，你需要给 <input> 一个 id 属性。
            而 <label> 需要一个 for 属性，其值和 <input> 的 id 一样。 -->
        <input type="button" value="按钮">
    </form>
</body>
</html>